<!-- 图片剪切工具 -->
<script src="/res/cropper/cropper.min.js?898"></script>
<link rel="stylesheet" href="/res/cropper/cropper.min.css?987">

<script src="/user/set/ImgCropping.js?898"></script>
<link rel="stylesheet" href="/user/set/ImgCropping.css?987">

<!--图片裁剪框 start-->
<div style="display: none" class="tailoring-container">
    <div class="black-cloth" onclick="closeTailor(this)"></div>
    <div class="tailoring-content">
            <div class="tailoring-content-two">
                <div class="tailoring-box-parcel">
                    <img id="tailoringImg">
                </div>

                <!--预览区-->
                <div class="preview-box-parcel">
                    <div class="square previewImg"></div>
                
                    <div class="middle_square previewImg"></div>
                    <div class="middle_circular previewImg"></div>
                
                    <div class="small_square previewImg"></div>
                    <div class="small_circular previewImg"></div>

                    <div id="cropper_data" style="display:none">
                        宽：<span id="dataWidth"></span>
                        高：<span id="dataHeight"></span>
                    </div>
                </div>
                
            </div>
            <div class="tailoring-content-three layui-form">
                <div class="layui-btn-group">
                    <button class="layui-btn layui-btn-primary layui-btn-sm cropper-reset-btn">复位</button>
                    <button class="layui-btn layui-btn-primary layui-btn-sm cropper-rotate-btn">旋转</button>
                    <button class="layui-btn layui-btn-primary layui-btn-sm cropper-scaleX-btn">换向</button>
                </div>

                <!-- <div class="layui-form-item" style="display: inline-block">
                    <div class="layui-input-block">
                        <input type="radio" name="aspectRatio" title="16/9" lay-filter="siteim-aspectRatio" siteim-aspectRatio="16/9">
                        <input type="radio" name="aspectRatio" title="4/3" lay-filter="siteim-aspectRatio" siteim-aspectRatio="4/3">
                        <input type="radio" name="aspectRatio" title="1/1" lay-filter="siteim-aspectRatio" siteim-aspectRatio="1/1">
                        <input type="radio" name="aspectRatio" title="2/3" lay-filter="siteim-aspectRatio" siteim-aspectRatio="2/3">
                        <input type="radio" name="aspectRatio" title="Free" lay-filter="siteim-aspectRatio" siteim-aspectRatio="NaN"
                            checked>
                    </div>
                </div> -->
                <button class="layui-btn layui-btn-sm layui-btn-danger1 sureCut" onclick="closeTailor(this)">关 闭</button>
                <button class="layui-btn layui-btn-sm layui-btn-danger1 sureCut" id="sureCut">提 交</button>
                <label title="选择图片" for="chooseImg" class="layui-btn layui-btn-sm layui-btn-danger1 choose-btn13 sureCut">
                    <input type="file" accept="image/jpg, image/jpeg, image/png, image/gif" name="file" id="chooseImg" class="hidden"
                        multiple="multiple">
                    选择图片
                </label>
            </div>
        </div>
</div>
<!--图片裁剪框 end-->